
// 声明格式化时间的全局过滤器
Vue.filter('dateFormat',function (time) {
    // 格式化处理
    var date = new Date(time*1);
    var y = date.getFullYear();
    var m = date.getMonth()+1;
    var d = date.getDate();
    var h = date.getHours();
    var mm = date.getMinutes();
    var s = date.getSeconds();
    m = m < 10 ? "0" + m : m;
    d = d < 10 ? "0" + d : d;
    h = h < 10 ? "0" + h : h;
    mm = mm < 10 ? "0" + mm : mm;
    s = s < 10 ? "0" + s : s;
    date = y + "年" + m + "月" + d + "日 " + h + "时" + mm + "分" + s +"秒";
    // console.log(date);
    return date
})

const vm = new Vue({
    el: '#app',
    data: {
        // 输入框内容
        brand: '',
        nextId: 4,
        // 表单数据
        list: [
            { id: 1,name: '张三',status: true,time: new Date()},
            { id: 2,name: '李四',status: false,time:  new Date()},
            { id: 3,name: '王五',status: true,time:  new Date()},
        ]
    },
    methods: {
        // 删除对应的核酸信息
        remove(id) {
            // console.log(this.list)
            // 过滤出 id 对应的品牌信息,并进行删除（es6 filter() 数组过滤方法）
            this.list = this.list.filter(item => item.id !== id)
        },
        // 添加核酸人员信息
        add() {
            // console.log(this.brand)
            // 判断输入是否为空
            if(this.brand === '') return alert('请输入核酸人员名称')
            // 输入不为空,添加对象
            // 获取对象
            const obj = {
                id: this.nextId,
                name: this.brand,
                status: false,
                time: new Date(),
            }
            // 添加对象放入表单(push()方法)
            this.list.push(obj)
            // 清空输入框
            this.brand=''
            // 下一个id加一
            this.nextId++
        },


    },

})